<template>
    <el-dialog v-model="showLoding"  class="pcLoding" width="30%" draggable :show-close="false" :close-on-click-modal = "false" center align-center>
        <img class="z-pagewrap-loading" :src="gif_loading" alt="Loading" />
    </el-dialog>
</template>
  
<script setup>
    import gif_loading from '@/assets/gif/gif_loading.gif'
    const props = defineProps({
        loading:{
            type:Boolean,
            default:false
        },
    })
    const showLoding = ref(true)

</script>
  
<style lang="scss">

.z-pagewrap-loading{
    width: 100%;
    height: 100%;
    background: transparent !important;
    vertical-align: middle;
}
.el-dialog__body{
    background: transparent !important;
    color: transparent;
}
.el-dialog{
    padding: 0; 
}
.is-draggable{
    padding: 0;
}
.pcLoding{
    width: 300px !important;
    height: 300px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.el-dialog__header{
    display: none;
}

   

</style>
  